@menuBackColor1:#1c2b36;
@menuBackColor2:#16222b;
@menuInfoNum:#f96b21;
@primaryColor:#FFA20A;//#3bc0c3
@menuFontColor:#fff;
@fontColorOne:#1c2b36;
@fontColorTwo:#506470;
@fontColorThree:#81939e;
@grayButton:#b6c2c9;
@creatButton:#FFA20A;//#4dbd74
@borderColor:#f0f3f6;
@maxWidth:1300px;
@minWidth:1080px;
@whiteColor:#ffffff;
@grayBorder:rgba(44,61,89,0.1);
@hoverGreenColor:rgba(255,162,10,0.1);

.my-border-radius(@radius:5px){
  -webkit-border-radius: @radius;
  -moz-border-radius: @radius;
  -ms-border-radius: @radius;
  -o-border-radius: @radius;
  border-radius: @radius;
}

.my-opacity (@opacityNum:0.8) {
    @opacityPercentage: @opacityNum * 100;
    opacity: @opacityNum;
    -moz-opacity: @opacityNum;
    -ms-filter: ~"progid:DXImageTransform.Microsoft.Alpha(opacity=(@{opacityPercentage}))";
    filter: ~"alpha(opacity = (@{opacityPercentage}))";
}

.my-box-shadow(@xNum:0px,@yNum:1px,@width:4px,@shadowColor:#dce0e6){
	box-shadow: @xNum @yNum @width @shadowColor;
	-moz-box-shadow: @xNum @yNum @width @shadowColor;
	-webkit-box-shadow: @xNum @yNum @width @shadowColor;
	-ms-box-shadow: @xNum @yNum @width @shadowColor;
	-o-box-shadow: @xNum @yNum @width @shadowColor;
}

.my-placeholder-color(@color:#BCC5CB){
  ::-webkit-input-placeholder {
    color: @color;
  }
  :-moz-placeholder {
    color: @color;
  }
  ::-moz-placeholder {
    color: @color;
  }
}
.my-transition(@property){
  transition: @property;
  -moz-transition: @property;
  -webkit-transition: @property;
  -o-transition: @property;
}
.my-transform(@property){
  transform: @property;
  -moz-transform: @property;
  -webkit-transform: @property;
  -o-transform: @property;
}
.my-box-sizing(){
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
//朝上三角形
.triangle(top, @width:10px, @color:@fontColorTwo){
  border-width: @width;
  border-color: transparent transparent @color transparent;
  border-style: dashed dashed solid dashed;
}
//朝下三角形
.triangle(bottom, @width:10px, @color:@fontColorTwo){
  border-width: @width;
  border-color: @color transparent transparent transparent;
  border-style: solid dashed dashed dashed;
}
//朝左三角形
.triangle(left, @width:10px, @color:@fontColorTwo){
  border-width: @width;
  border-color: transparent @color transparent transparent;
  border-style: dashed solid dashed dashed;
}
//朝右三角形
.triangle(right, @width:10px, @color:@fontColorTwo){
  border-width: @width;
  border-color: transparent transparent transparent @color;
  border-style: dashed dashed dashed solid;
}

* {
  font-family: "Microsoft YaHei", "微软雅黑", "Hiragino Sans GB", "PingFang SC";
}
//在固定容器中保持比例放入图片
.showImageInFixedContainer(@width,@height){
  width: @width;
  height:@height;
  background:@borderColor;
  position:relative;
  img{
    max-width:@width;
    max-height:@height;
    top:50%;
    left:50%;
    .my-transform(translate(-50%,-50%));
    position:absolute;
  }
}
